<!DOCTYPE html>
<!-- saved from url=(0141)https://www.101test.com/question/create?qbId=1336779&qbName=%E7%AC%AC%E4%B8%89%E7%AB%A0%E4%B8%AD%E5%9B%BD%E5%8E%86%E5%8F%B2%E6%96%87%E5%8C%96 -->
<html lang="zh-CN"><!--<![endif]-->
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>添加题目 第三章中国历史文化</title>





<!--<base href="https://www.101test.com/">--><base href=".">

<meta name="keywords" content="exam,考试系统,在线考试系统,在线考试,资格证模考,模考试卷/题库,企业考试系统,微信考试系统,知识竞赛系统,手机考试系统,网上考试系统,校园招聘考试,防作弊考试系统,电子作业系统云平台">

<meta name="description" content="百一测评是亚信科技(中国)旗下功能强大的，免费的企业级在线考试系统。其庞大的用户群包括：[一]企业事业类：校园招聘大规模在线笔试、员工考核、人才职业测评，能力测评，技能测评；[二]学校类：K12电子作业平台、技工学校技能评测、高校知识竞赛；[三]资格证模考：在线模考试卷、资格证题库等。同时支持手机考试、电脑考试的企业级在线考试云平台和在线考试系统。">


<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">

<link rel="bookmark" href="https://www.101test.com/assets/img/favicon.ico">
<link rel="shortcut icon" href="https://www.101test.com/assets/img/favicon.ico">
<link rel="stylesheet" href="../css/res/layui/css/layui.css" th:href="@{static/css/res/layui/css/layui.css}" media="all">
<script src="../layuiadmin/layui/layui.js" th:src="@{static/layuiadmin/layui/layui.js}"></script>
<link rel="stylesheet" href="/static/pages/添加题目 第三章中国历史文化_files/layuiadmin/layui/css/layui.css" media="all">

<link rel="stylesheet" href="/static/pages/添加题目 第三章中国历史文化_files/sets.min.css">
<link rel="stylesheet" href="/static/pages/添加题目 第三章中国历史文化_files/base.min.css">
<link rel="stylesheet" href="/static/pages/添加题目 第三章中国历史文化_files/app.css">
<link rel="stylesheet" href="/static/pages/添加题目 第三章中国历史文化_files/font-awesome.min.css">
<link rel="stylesheet" href="/static/pages/添加题目 第三章中国历史文化_files/moon.css">
<script src="../layuiadmin/layui/layui.js" th:src="@{/static/layuiadmin/layui/layui.js}"></script>
<script charset="utf-8" src="/static/pages/添加题目 第三章中国历史文化_files/v.js.下载"></script><script src="/static/pages/添加题目 第三章中国历史文化_files/hm.js.下载"></script><script>
    Object.create = Object.create || function (o) {
                function F() {
                }

                F.prototype = o;
                return new F();
            };
    if (window.console == undefined) {
        window.console = {
            log: function () {
            },
            dir: function () {
            }
        };
    }
    var SETS_ROOT = "https://www.101test.com/";
    var SERVER_NAME = "www.101test.com";
    var showBlackBar = false;
</script>
<!-- include jquery before seajs while not included by seajs for some plugins with path issues do not fit properly with it
-->
<script type="text/javascript" src="/static/pages/添加题目 第三章中国历史文化_files/jquery.min.js.下载"></script>
<script type="text/javascript" src="/static/pages/添加题目 第三章中国历史文化_files/sea-debug.js.下载" id="seajsnode"></script>
<script type="text/javascript" src="/static/pages/添加题目 第三章中国历史文化_files/seajs-preload.js.下载"></script>
<script type="text/javascript" src="/static/pages/添加题目 第三章中国历史文化_files/seajs-css-debug.js.下载"></script>
<script type="text/javascript" src="/static/pages/添加题目 第三章中国历史文化_files/seajs-text-debug.js.下载"></script>
<script type="text/javascript" src="/static/pages/添加题目 第三章中国历史文化_files/config.js.下载"></script>
<script type="text/javascript" src="/static/pages/添加题目 第三章中国历史文化_files/qrcode.js.下载"></script>
<script type="text/javascript" src="/static/pages/添加题目 第三章中国历史文化_files/jquery.min.js.下载"></script>
<!--[if IE]><script>window.IS_IE = true;</script><![endif]-->
<!--[if lt IE 9]>
<script src="core/es5-shim.min.js"></script>
<script src="core/respond.min.js"></script>
<![endif]-->
<!--[if lt IE 10]>
<script src="core/requestAnimationFrame.js"></script>
<![endif]-->
<!--[if lte IE 10]>
<script>
window.DBL_CLICK = true;
</script>
<![endif]-->
<!--[if lte IE 9]>
<p class="browsehappy alert alert-warning tc">
你正在使用一个<strong>过时</strong>的浏览器。请<a class="link" target="_blank" href="http://browsehappy.com">升级你的浏览器</a>以查看此页面。</p>
</p>
<![endif]-->
<script>
    $(function ready() {
        // 多模态窗口按层次展示：http://stackoverflow.com/a/24914782
        $(document).on('show.bs.modal', '.modal', function () {
            var len = $('.modal:visible').length,
                    zIndex = 1040 + (10 * len);
            // 多个模态时
            $(this).css('z-index', zIndex);
            setTimeout(function () {
                $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack');
                $('.modal-backdrop:last').css('background-color', '#000');
                $('.modal-backdrop').not(':last').css('background-color', 'transparent');
            }, 0);
            // 多层模态切换时滚动条失效的bug: http://stackoverflow.com/a/27379904
        }).on('hidden.bs.modal', '.modal', function () {
            // 这里能用.fade.in来判断modal隐藏后是否还有在显示的modal,因为bootstrap会自动给已经有.fade的modal加上.in的样式,
            // 并且此modal隐藏的时候不会删除.fade.in
            // 所以使用visible来判断!
            if ($('.modal:visible').length > 0) {
                $('body').addClass('modal-open');
            }
            $('.modal-backdrop:last').css('background-color', '#000');
        });
    });
</script>


<script>
    // Global variables
    // @formatter:off
    window.SETS = {
        params: {},
        request: {},
        user: {},
        env: {
            isCompanyDomain: "" === 'true',
            loginType: +"1",
            root: "https://www.101test.com/",
        }
    };
    
    window.SETS.params['qbName'] = '\u7B2C\u4E09\u7AE0\u4E2D\u56FD\u5386\u53F2\u6587\u5316';
    
    window.SETS.params['qbId'] = '1336779';
    
    
    window.SETS.request['pageType'] = '6';
    
    
    window.SETS.user = JSON.parse('{\"employerId\":712267,\"registerType\":2,\"employerType\":1,\"employerName\":\"\u522B\u95EE\uFF0C\u95EE\u5C31\u662F\u5E05\",\"companyId\":712,\"belongId\":0,\"username\":\"_712267\",\"phone\":\"18640389228\",\"password\":\"H6m_KaKoLyE6U22AfCeeQpCH-7G7QyLMxMYJo92cejlIvLmvGmXz59GTweah59_mpU4hgFi-9UA6csWPYCofgw\",\"state\":1,\"createDate\":1560309664000,\"authorities\":\"ROLE_USER\",\"features\":0,\"vipMode\":0,\"imgUrl\":\"https:\/\/101test-private.oss-cn-beijing.aliyuncs.com\/user\/image\/null\/mVGyCAs6dBpbX7Ch75LCfm4IYVoAiQgv_1560309758817%4080w_80h.JPG?Expires=9223372036854775&OSSAccessKeyId=YvDPojSAo3YgjMXF&Signature=ODKxkue1NcTfVcimUJMfzisAf2c%3D\",\"clientIp\":\"211.137.23.194\",\"os\":\"WINDOWS\",\"browser\":\"CHROME\",\"browserVersion\":\"74.0.3729.131\",\"createdBy\":0,\"regionSyncFlag\":true}');
    window.SETS.user.login = true;
    window.SETS.user.isCompanyAdmin = "" === 'true';
    window.SETS.user.isCompanyUser = "" === 'true';
    window.SETS.user.isVip = "false" === 'true';
    window.SETS.user.inviteCode = "2FCY0R"
    window.SETS.user.isVipOrCompanyUser = window.SETS.user.isVip || window.SETS.user.isCompanyUser;

    
    window.showBlackBar = false
    // @formatter:on
</script>
<link charset="utf-8" rel="stylesheet" href="/static/pages/添加题目 第三章中国历史文化_files/login.css"><link charset="utf-8" rel="stylesheet" href="/static/pages/添加题目 第三章中国历史文化_files/moon(1).css"><link charset="utf-8" rel="stylesheet" href="/static/pages/添加题目 第三章中国历史文化_files/question-form.css"><link charset="utf-8" rel="stylesheet" href="/static/pages/添加题目 第三章中国历史文化_files/select.css"><link charset="utf-8" rel="stylesheet" href="/static/pages/添加题目 第三章中国历史文化_files/msg.css"><style>.cke{visibility:hidden;}</style><link charset="utf-8" rel="stylesheet" href="/static/pages/添加题目 第三章中国历史文化_files/view-skill-selector.css"><link charset="utf-8" rel="stylesheet" href="/static/pages/添加题目 第三章中国历史文化_files/view-skill-list.css"><link charset="utf-8" rel="stylesheet" href="/static/pages/添加题目 第三章中国历史文化_files/codemirror.css"><link charset="utf-8" rel="stylesheet" href="/static/pages/添加题目 第三章中国历史文化_files/ali-player.css"></head>
</head>
<body class="retina">
	
	


<script src="/static/pages/添加题目 第三章中国历史文化_files/vue.js.下载"></script>
<script src="/static/pages/添加题目 第三章中国历史文化_files/index.js.下载"></script>
<script src="/static/pages/添加题目 第三章中国历史文化_files/qrcode.js.下载"></script>
<link rel="stylesheet" href="/static/pages/添加题目 第三章中国历史文化_files/index.css">

<script type="text/javascript">
    (function () {
        seajs.use('app/header/header-new', function (header) {
            $(function () {
                header.initModule($('#sets-header'));
            });
        });
    })();
</script>

<script>
    (function () {
        seajs.use(seajs._route.appPath('app/login/view-modal-login'), function (app) {
            $(function () {
                app.initModule($('#loginModal'), {
                    username: "_712267" || "" || "18640389228",
                    loginType: "1",
                    isCompanyAdmin: ""==="true"?true:false,
                    isCompanyDomain: ""==="true"?true:false,
                });
            });
        });
    })();
</script>
<div class="fade modal in login-wrapper" id="loginModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" style="width:650px;">
        <div class="modal-content pb30">
            <div class="modal-header">
                <p class="title" style="padding: 10px 45px;font-size: 16px;color: #E9573F;"></p>
                <button id="btnHide" type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body login-main"><script type="jsv#1_"></script>
    <div id="login" class="main" data-link="class{merge:bindMode toggle=&#39;bind&#39;} css-margin{:hideThirdPartyView?&#39;0 auto&#39;:&#39;&#39;}">
        <script type="jsv#1^"></script><script type="jsv/1^"></script>
        <div class="form-logo">
            <a href="https://www.101test.com/"><img data-link="src{:companyLogo}" src="https://www.101test.com/"></a>
        </div>
        <div class="form-icon form-lg" data-link="class{merge:usernameErr toggle=&#39;has-error&#39;}">
            <i class="form-control-feedback fa fa-user" data-link="class{:~usernameTypeIcon(usernameType)}"></i>
            <input data-link="{:username:trim}" placeholder="登录帐号（登录名/邮箱/手机号码）" class="form-control acct" type="text">
            <span class="text-error"><script type="jsv#2^"></script><script type="jsv/2^"></script></span>
        </div>
        <div class="mt10 form-icon form-lg" data-link="class{merge:passwordErr toggle=&#39;has-error&#39;}">
            <i class="form-control-feedback fa fa-lock"></i>
            <input data-link="password trigger=true" placeholder="密码" class="form-control password" type="password">
            <span class="text-error"><script type="jsv#3^"></script><script type="jsv/3^"></script></span>
        </div>
        <div class="mt10 mb10" style="overflow:hidden;">
            <script type="jsv#6^"></script><script type="jsv#2_"></script>
            <script type="jsv#5^"></script><script type="jsv#3_"></script><label class="check-box inline-block" data-link="class{merge:rememeberme toggle=&#39;active&#39;} class{merge:false toggle=&#39;check-box-disabled&#39;}"><span class="fa-stack check-icon"> <i class="fa fa-square-o fa-stack-2x"></i><i class="fa fa-check-square fa-stack-1x check"></i></span> <script type="jsv#4^"></script>记住我<script type="jsv/4^"></script></label><script type="jsv/3_"></script><script type="jsv/5^"></script>
            <script type="jsv/2_"></script><script type="jsv/6^"></script>
            <a href="https://www.101test.com/login#view=register" data-link="visible{:hideThirdPartyView&amp;&amp;canRegister}" class="btn-link pull-right btn-2-register ml10" style="margin-top: 3px; display: none;">立即注册</a>
            <a data-link="href{:(username &amp;&amp; !usernameErr)?&#39;resetPassword?acct=&#39; + username : &#39;resetPassword&#39;}" class="btn-link pull-right forget-password" style="margin-top: 3px;" href="https://www.101test.com/resetPassword?acct=_712267">忘记密码</a>
        </div>
        <span class="text-server-error"><script type="jsv#7^"></script><script type="jsv/7^"></script> <a data-link="css-display{:showReTry?&#39;inline&#39;:&#39;none&#39;}" class="btn-retry btn-link" style="display: none;">再次申请</a></span>
        <a class="btn btn-primary btn-lg btn-block login-btn" data-link="disabled{:isLoging}">
            <script type="jsv#9^"></script><script type="jsv#4_"></script>
            <script type="jsv#8^"></script><script type="jsv#5_"></script>登录<script type="jsv/5_"></script><script type="jsv/8^"></script>
            <script type="jsv/4_"></script><script type="jsv/9^"></script>
        </a>
        <script type="jsv#11^"></script><script type="jsv#6_"></script>
        <div class="submain" data-link="visible{:!hideThirdPartyView}" style="display: block;">
            <script type="jsv#7_"></script>
    <div class="pr" id="thirdparty-connect">
        <span class="or-icon">或</span>
        <p>用第三方帐号快速登录</p>
        <ul class="thirdparty-connect list-inline"><li class="weibo"><a class="btn-connect use-weibo" data-link="href{:&#39;auth/open/redirect/&#39; + bindType_meta.WEIBO}" href="https://www.101test.com/auth/open/redirect/1"><i class="fa fa-weibo"></i></a>
            </li><li class="weixin"><a class="btn-connect use-weixin" data-link="href{:&#39;auth/open/redirect/&#39; + bindType_meta.WEIXIN}" href="https://www.101test.com/auth/open/redirect/3"><i class="fa fa-weixin"></i></a>
            </li><li class="qq"><a class="btn-connect use-qq" data-link="href{:&#39;auth/open/redirect/&#39; + bindType_meta.QQ}" href="https://www.101test.com/auth/open/redirect/2"><i class="fa fa-qq"></i></a>
            </li><!--<li class="dingding mt10">-->
            <!--<a class="btn-connect use-mingdao" data-link="href{:'auth/open/redirect/' + bindType_meta.DINGDING}">-->
            <!--<i class="moon moon-dingding"></i>-->
            <!--</a>-->
            <!--</li>--><li class="mingdao mt10">
                <a class="btn-connect use-mingdao" data-link="href{:&#39;auth/open/redirect/&#39; + bindType_meta.MINGDAO}" href="https://www.101test.com/auth/open/redirect/6">
                    <img src="/static/pages/添加题目 第三章中国历史文化_files/mingdao.png">
                </a>
            </li></ul>
    </div>
<script type="jsv/7_"></script>
            <script type="jsv#10^"></script><script type="jsv#8_"></script>


            <p class="login-toggle">还没有帐号？<a href="https://www.101test.com/login#view=register" class="btn-link btn-lg btn-2-register">立即注册</a>
            </p>
            <script type="jsv/8_"></script><script type="jsv/10^"></script>
        </div>
        <script type="jsv/6_"></script><script type="jsv/11^"></script>
    </div>
<script type="jsv/1_"></script></div>
            <div class="modal-body register-main"><script type="jsv#9_"></script>
    <div id="register" class="main" data-link="class{merge:bindMode toggle=&#39;bind&#39;}  css-margin{:hideThirdPartyView?&#39;0 auto&#39;:&#39;&#39;}">
        <script type="jsv#31^"></script><script type="jsv/31^"></script>
        <div class="form-logo">
            <a href="https://www.101test.com/"><img data-link="src{:companyLogo}" src="https://www.101test.com/"></a>
        </div>
        <div class="employer-type-wrapper">
            <div>
                <p class="icon-hint" data-link="class{merge:bindMode toggle=&#39;bind&#39;}">我是：</p>
                <script type="jsv#36^"></script><script type="jsv#10_"></script><script type="jsv#11_"></script>
                <script type="jsv#33^"></script><script type="jsv#12_"></script>
                <label data-link="class{merge:value==~pData.employerType toggle=&#39;selected&#39;}" class="selected">
                    <span><script type="jsv#32^"></script>考生/学员<script type="jsv/32^"></script></span><input type="radio" name="employer-type" data-link="value{:value} {:~pData.employerType:}" value="2">
                </label>
                <script type="jsv/12_"></script><script type="jsv/33^"></script>
                <script type="jsv/11_"></script><script type="jsv#13_"></script>
                <script type="jsv#35^"></script><script type="jsv#14_"></script>
                <label data-link="class{merge:value==~pData.employerType toggle=&#39;selected&#39;}" class="">
                    <span><script type="jsv#34^"></script>考官/老师<script type="jsv/34^"></script></span><input type="radio" name="employer-type" data-link="value{:value} {:~pData.employerType:}" value="1">
                </label>
                <script type="jsv/14_"></script><script type="jsv/35^"></script>
                <script type="jsv/13_"></script><script type="jsv/10_"></script><script type="jsv/36^"></script>
            </div>
        </div>
        <div class="required form-icon form-lg mt10" data-link="class{merge:nicknameErr toggle=&#39;has-error&#39;}">
            <i class="form-control-feedback fa fa-smile-o"></i>
            <input data-link="{:nickname trigger=true:trim} placeholder{:isCompanyDomain?&#39;姓名&#39;:&#39;姓名 / 昵称&#39;}" class="form-control nickname" type="text" placeholder="姓名 / 昵称">
            <span class="text-error"><script type="jsv#37^"></script><script type="jsv/37^"></script></span>
        </div>
        <div class="required form-icon form-lg mt10" data-link="class{merge:accountErr toggle=&#39;has-error&#39;}">
            <i class="form-control-feedback fa fa-user" data-link="class{:~usernameTypeIcon(usernameType)}"></i>
            <input data-link="{:account:trim} placeholder{:~getPlaceholder()}" class="form-control account" type="text" placeholder="登录名 / 邮箱 / 手机">
            <span class="text-error"><script type="jsv#38^"></script><script type="jsv/38^"></script></span>
        </div>
        <div class="required form-icon form-lg mt10" data-link="class{merge:passwordErr toggle=&#39;has-error&#39;}">
            <i class="form-control-feedback fa fa-lock"></i>
            <input data-link="{:password trigger=true:trim}" placeholder="密码" class="form-control pass" type="password">
            <span class="text-error"><script type="jsv#39^"></script><script type="jsv/39^"></script></span>
        </div>
        <div class="form-icon mt10" data-link="visible{:(validateType==&#39;email&#39;||validateType==&#39;phone&#39;)&amp;&amp;isCompanyDomain}" style="display: none;">
            <input placeholder="图片验证码" maxlength="5" data-link="{:ucode:trim}" class="form-control capture-input" type="text">
            <img alt="加载中..." data-link="src{:picSource}" class="capture-img" src="https://www.101test.com/">
            <a class="reload-capture btn-link">换一张</a>
        </div>
        <div class="form-icon mt10" data-link="visible{:validateType==&#39;email&#39;&amp;&amp;isCompanyDomain}" style="display: none;">
            <span data-link="visible{:sendType==&#39;notSend&#39;}" style="display: inline;">邮箱需验证，<a class="validate-email btn-link">发送验证码</a></span>
            <span data-link="visible{:sendType==&#39;sended&#39;}" style="display: none;">发送成功，<a class="validate-email btn-link">重新发送</a></span>
            <span data-link="visible{:sendType==&#39;sendFailed&#39;}" style="display: none;">发送失败，<script type="jsv#40^"></script><script type="jsv/40^"></script> <a class="validate-email btn-link">重新发送</a></span>
            <span data-link="visible{:sendType==&#39;sending&#39;}" style="display: none;">发送中<i class="fa fa-spinner fa-spin" style="left: 40px;top: -5px;"></i></span>
        </div>
        <div class="form-icon mt10" data-link="visible{:validateType==&#39;phone&#39;&amp;&amp;isCompanyDomain}" style="display: none;">
            <span data-link="visible{:sendType==&#39;notSend&#39;}" style="display: inline;">手机号需验证，<a class="validate-phone btn-link">发送验证码</a></span>
            <span data-link="visible{:sendType==&#39;sended&#39;}" style="display: none;">发送成功，<a class="validate-phone btn-link">重新发送</a></span>
            <span data-link="visible{:sendType==&#39;sendFailed&#39;}" style="display: none;">发送失败，<script type="jsv#41^"></script><script type="jsv/41^"></script> <a class="validate-phone btn-link">重新发送</a></span>
            <span data-link="visible{:sendType==&#39;sending&#39;}" style="display: none;">发送中<i class="fa fa-spinner fa-spin" style="left: 40px;top: -5px;"></i></span>
        </div>
        <div class="required form-icon form-lg mt10" data-link="visible{:validateType} class{merge:validationErr toggle=&#39;has-error&#39;}" style="display: none;">
            <i class="form-control-feedback fa fa-key"></i>
            <input placeholder="请输入验证码" maxlength="6" data-link="{:validation:trim}" class="form-control account" type="text">
            <span class="text-error"><script type="jsv#42^"></script><script type="jsv/42^"></script></span>
        </div>
        
        
        <span class="text-server-error"><script type="jsv#46^"></script><script type="jsv/46^"></script> <a data-link="css-display{:showReTry?&#39;inline&#39;:&#39;none&#39;}" class="btn-retry btn-link" style="display: none;">再次申请</a></span>
        
            <script type="jsv#19_"></script>
  
        <span class="or-icon">或</span>
       
        
            </li><li class="weixin"><a class="btn-connect use-weixin" data-link="href{:&#39;auth/open/redirect/&#39; + bindType_meta.WEIXIN}" href="https://www.101test.com/auth/open/redirect/3"><i class="fa fa-weixin"></i></a>
            </li><li class="qq"><a class="btn-connect use-qq" data-link="href{:&#39;auth/open/redirect/&#39; + bindType_meta.QQ}" href="https://www.101test.com/auth/open/redirect/2"><i class="fa fa-qq"></i></a>
            </li><!--<li class="dingding mt10">-->
            <!--<a class="btn-connect use-mingdao" data-link="href{:'auth/open/redirect/' + bindType_meta.DINGDING}">-->
            <!--<i class="moon moon-dingding"></i>-->
            <!--</a>-->
            <!--</li>--><li class="mingdao mt10">
                <a class="btn-connect use-mingdao" data-link="href{:&#39;auth/open/redirect/&#39; + bindType_meta.MINGDAO}" href="https://www.101test.com/auth/open/redirect/6">
                    <img src="/static/pages/添加题目 第三章中国历史文化_files/mingdao.png">
                </a>
            </li></ul>
    </div>
<script type="jsv/19_"></script>
            <p class="login-toggle">已有帐号？<a href="https://www.101test.com/login#!view=login" class="btn-link btn-lg btn-2-login">直接登录</a></p>
        </div>
        <script type="jsv/18_"></script><script type="jsv/49^"></script>
    </div>
<script type="jsv/9_"></script></div>
            <div class="modal-body sso-login-main">
                <a id="btn-sso-login" data-open="new" href="https://www.101test.com/login" class="btn-connect btn btn-success btn-block btn-lg">点此去重新登录</a>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    seajs.use("app/login/login.css");
    seajs.use("assets/fonts/moon/moon.css")
</script>
<!-- user statement Modal -->
<div class="fade modal" id="userStatementModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" style="width: 650px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body"></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-info" data-dismiss="modal">我知道了</button>
            </div>
        </div>
    </div>
</div>
<!-- secret statement Modal -->
<div class="fade modal" id="secretStatementModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" style="width: 650px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body"></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-info" data-dismiss="modal">我知道了</button>
            </div>
        </div>
    </div>
</div>
<!-- register statement Modal -->
<div class="fade modal" id="companyRegisterStatementModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" style="width: 650px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body"></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-info" data-dismiss="modal">我知道了</button>
            </div>
        </div>
    </div>
</div>



<script id="login-template" type="text/x-jsrender" data-jsv-tmpl="loginTemplate">
    <div id="login" class="main"
         data-link="class{merge:bindMode toggle='bind'} css-margin{:hideThirdPartyView?'0 auto':''}">
        {^{if bindMode}}
        {{include tmpl="#bind-toggle-template" ~type="bind"/}}
        {{/if}}
        <div class="form-logo">
            <a href=""><img data-link="src{:companyLogo}"/></a>
        </div>
        <div class="form-icon form-lg" data-link="class{merge:usernameErr toggle='has-error'}">
            <i class="" data-link="class{:~usernameTypeIcon(usernameType)}"></i>
            <input
                    data-link="{:username:trim}"
                    placeholder="登录帐号（登录名/邮箱/手机号码）" class="form-control acct" type="text">
            <span class="text-error">{^{:usernameErr}}</span>
        </div>
        <div class="mt10 form-icon form-lg"
             data-link="class{merge:passwordErr toggle='has-error'}">
            <i class="form-control-feedback fa fa-lock"></i>
            <input
                    data-link="password trigger=true"
                    placeholder="密码" class="form-control password" type="password">
            <span class="text-error">{^{:passwordErr}}</span>
        </div>
        <div class="mt10 mb10" style="overflow:hidden;">
            {^{if !bindMode}}
            {^{checkbox value='rememeberme' label='记住我'/}}
            {{/if}}
            <a href="login#view=register"
               data-link="visible{:hideThirdPartyView&&canRegister}"
               class="btn-link pull-right btn-2-register ml10"
               style="margin-top: 3px;">立即注册</a>
            <a data-link="href{:(username && !usernameErr)?'resetPassword?acct=' + username : 'resetPassword'}"
               class="btn-link pull-right forget-password"
               style="margin-top: 3px;">忘记密码</a>
        </div>
        <span class="text-server-error">{^{addAlert:serverErr}} <a data-link="css-display{:showReTry?'inline':'none'}"
                                                                   class="btn-retry btn-link">再次申请</a></span>
        <a class="btn btn-primary btn-lg btn-block login-btn"
           data-link="disabled{:isLoging}">
            {^{if !bindMode}}
            {^{if isLoging}}
            {^{if loginSuccess}}登录成功...{{else}}<i class="fa fa-spinner fa-spin"></i> {^{if
            demo}}使用demo帐号{{/if}}登录中{{/if}}
            {{else}}登录{{/if}}
            {{else}}
            {^{if isLoging}}
            {^{if loginSuccess}}绑定成功...{{else}}<i class="fa fa-spinner fa-spin"></i> 绑定中{{/if}}
            {{else}}绑定{{/if}}
            {{/if}}
        </a>
        {^{if !bindMode}}
        <div class="submain" data-link="visible{:!hideThirdPartyView}">
            {{include tmpl="#thirdparty-connect-template" /}}
            {^{if enableRegister}}


            <p class="login-toggle">还没有帐号？<a href="login#view=register" class="btn-link btn-lg btn-2-register">立即注册</a>
            </p>
            {{/if}}
        </div>
        {{/if}}
    </div>{{!-- end of login main --}}
</script>
<script id="thirdparty-connect-template" type="text/x-jsrender" data-jsv-tmpl="_0">
    <div class="pr" id="thirdparty-connect">
        <span class="or-icon">或</span>
        <p>用第三方帐号快速登录</p>
        <ul class="thirdparty-connect list-inline">
            <li class="weibo"><a class="btn-connect use-weibo"
                                 data-link="href{:'auth/open/redirect/' + bindType_meta.WEIBO}"><i
                    class="fa fa-weibo"></i></a>
            </li>
            <li class="weixin"><a class="btn-connect use-weixin"
                                  data-link="href{:'auth/open/redirect/' + bindType_meta.WEIXIN}"><i
                    class="fa fa-weixin"></i></a>
            </li>
            <li class="qq"><a class="btn-connect use-qq" data-link="href{:'auth/open/redirect/' + bindType_meta.QQ}"><i
                    class="fa fa-qq"></i></a>
            </li>
            <!--<li class="dingding mt10">-->
            <!--<a class="btn-connect use-mingdao" data-link="href{:'auth/open/redirect/' + bindType_meta.DINGDING}">-->
            <!--<i class="moon moon-dingding"></i>-->
            <!--</a>-->
            <!--</li>-->
            <li class="mingdao mt10">
                <a class="btn-connect use-mingdao" data-link="href{:'auth/open/redirect/' + bindType_meta.MINGDAO}">
                    <img src="/assets/img/login/mingdao.png"/>
                </a>
            </li>
        </ul>
    </div>
</script>
<script id="bind-toggle-template" type="text/x-jsrender">
    <div class="explain" data-link="class{merge:~type=='create' toggle='create'}">
        {^{if ~type=='create'}}
        <p>创建一个帐号，并绑定你现在登录的{^{:~bindTypeDesc(bindType)}}<span>绑定后，使用{^{:~bindTypeDesc(bindType)}}或者帐号均可以登录</span></p>
        <a class="toggle-bar to-bind" data-link="href{:~setUrlAnchor('!view=bind')}">已注册百一测评？使用已有帐号绑定现在登录的{^{:~bindTypeDesc(bindType)}}
            <i class="fa fa-arrow-right"></i></a>
        {{else ~type == 'bind'}}
        <p>已注册百一测评，使用已有帐号绑定现在登录的{^{:~bindTypeDesc(bindType)}}<span>将两种登录方式的帐号绑定合并为一个帐号，绑定后，两种登录方式均可登录到合并后的帐号</span>
        </p>
        <a class="toggle-bar to-bind" data-link="href{:~setUrlAnchor('!view=create')}">还没注册百一测评，需创建一个帐号 <i
                class="fa fa-arrow-right"></i></a>
        {{/if}}
    </div>
</script>
<script id="register-template" type="text/x-jsrender" data-jsv-tmpl="registerTemplate">
    <div id="register" class="main"
         data-link="class{merge:bindMode toggle='bind'}  css-margin{:hideThirdPartyView?'0 auto':''}">
        {^{if bindMode}}
        {{include tmpl="#bind-toggle-template" ~type="create"/}}
        {{/if}}
        <div class="form-logo">
            <a href=""><img data-link="src{:companyLogo}"/></a>
        </div>
        <div class="employer-type-wrapper">
            <div>
                <p class="icon-hint" data-link="class{merge:bindMode toggle='bind'}">我是：</p>
                {^{for type_meta ~pData=#data}}
                {^{if !hide}}
                <label data-link="class{merge:value==~pData.employerType toggle='selected'}">
                    <span>{^{:label}}</span><input type="radio" name="employer-type"
                                                   data-link="value{:value} {:~pData.employerType:}">
                </label>
                {{/if}}
                {{/for}}
            </div>
        </div>
        <div class="required form-icon form-lg mt10"
             data-link="class{merge:nicknameErr toggle='has-error'}">
            <i class="form-control-feedback fa fa-smile-o"></i>
            <input
                    data-link="{:nickname trigger=true:trim} placeholder{:isCompanyDomain?'姓名':'姓名 / 昵称'}"
                    class="form-control nickname" type="text">
            <span class="text-error">{^{:nicknameErr}}</span>
        </div>
        <div class="required form-icon form-lg mt10"
             data-link="class{merge:accountErr toggle='has-error'}">
            <i class="" data-link="class{:~usernameTypeIcon(usernameType)}"></i>
            <input
                    data-link="{:account:trim} placeholder{:~getPlaceholder()}"
                    class="form-control account" type="text">
            <span class="text-error">{^{:accountErr}}</span>
        </div>
        <div class="required form-icon form-lg mt10"
             data-link="class{merge:passwordErr toggle='has-error'}">
            <i class="form-control-feedback fa fa-lock"></i>
            <input
                    data-link="{:password trigger=true:trim}"
                    placeholder="密码" class="form-control pass" type="password">
            <span class="text-error">{^{:passwordErr}}</span>
        </div>
        <div class="form-icon mt10" data-link="visible{:(validateType=='email'||validateType=='phone')&&isCompanyDomain}">
            <input placeholder="图片验证码" maxlength="5" data-link="{:ucode:trim}" class="form-control capture-input" type="text">
            <img alt="加载中..." data-link="src{:picSource}" class="capture-img">
            <a class="reload-capture btn-link">换一张</a>
        </div>
        <div class="form-icon mt10" data-link="visible{:validateType=='email'&&isCompanyDomain}">
            <span data-link="visible{:sendType=='notSend'}">邮箱需验证，<a class="validate-email btn-link">发送验证码</a></span>
            <span data-link="visible{:sendType=='sended'}">发送成功，<a class="validate-email btn-link">重新发送</a></span>
            <span data-link="visible{:sendType=='sendFailed'}">发送失败，{^{:sendErr}} <a class="validate-email btn-link">重新发送</a></span>
            <span data-link="visible{:sendType=='sending'}">发送中<i class="fa fa-spinner fa-spin"
                                                                  style="left: 40px;top: -5px;"></i></span>
        </div>
        <div class="form-icon mt10" data-link="visible{:validateType=='phone'&&isCompanyDomain}">
            <span data-link="visible{:sendType=='notSend'}">手机号需验证，<a class="validate-phone btn-link">发送验证码</a></span>
            <span data-link="visible{:sendType=='sended'}">发送成功，<a class="validate-phone btn-link">重新发送</a></span>
            <span data-link="visible{:sendType=='sendFailed'}">发送失败，{^{:sendErr}} <a class="validate-phone btn-link">重新发送</a></span>
            <span data-link="visible{:sendType=='sending'}">发送中<i class="fa fa-spinner fa-spin"
                                                                  style="left: 40px;top: -5px;"></i></span>
        </div>
        <div class="required form-icon form-lg mt10"
             data-link="visible{:validateType} class{merge:validationErr toggle='has-error'}">
            <i class="form-control-feedback fa fa-key"></i>
            <input placeholder="请输入验证码"
                   maxlength="6"
                   data-link="{:validation:trim}"
                   class="form-control account" type="text">
            <span class="text-error">{^{:validationErr}}</span>
        </div>
        <div class="flex" data-link="visible{:!isCompanyDomain && employerType==EmployerType.EXAMINER}">
            <div class="form-icon form-lg mt10 flex5">
                <i class="fa fa-barcode form-control-feedback"></i>
                <input
                        data-link="{:inviteCode:trim}"
                        placeholder="邀请码（可以不填）"
                        class="form-control account" type="text">
            </div>
            <div class="mt10 tool-content flex5 pl10">
                <div class="tips">
                    <a class="invite-txt" href="/act/open/home">什么是邀请码</a>
                </div>
            </div>
        </div>
        <div class="mb10 mt10 pr">
            {^{checkbox value='agree' label='我已阅读并同意'/}}
            <a class="btn-link btn-user-statement" data-toggle="modal" data-target="#userStatementModal">《服务协议》</a>
            <a class="btn-link btn-secret-statement" data-toggle="modal" data-target="#secretStatementModal">《保密协议》</a>
            <a class="btn-link btn-company-register-statement none" data-toggle="modal"
               data-target="#companyRegisterStatementModal">《注册协议》</a>
            <p class="text-bittersweet" style="  padding-left: 24px;margin-top: -8px;">{^{:agreeErr}}</p>
        </div>
        <span class="text-server-error">{^{addAlert:serverErr}} <a data-link="css-display{:showReTry?'inline':'none'}"
                                                                   class="btn-retry btn-link">再次申请</a></span>
        <a class="btn btn-primary btn-lg btn-block register-btn"
           data-link="disabled{:isRegistering}">
            {^{if bindMode}}
            {^{if isRegistering}}
            {^{if registerSuccess}}绑定成功...{{else}}<i class="fa fa-spinner fa-spin"></i> 绑定中{{/if}}
            {{else}}创建并绑定{{/if}}
            {{else}}
            {^{if isRegistering}}
            {^{if registerSuccess}}注册成功...{{else}}<i class="fa fa-spinner fa-spin"></i> 注册中{{/if}}
            {{else}}免费注册{{/if}}
            {{/if}}
        </a>
        <div class="mb5 mt10" data-link="visible{:isCompanyDomain}">
            已有帐号？<a href="login#!view=login" class="btn-link btn-lg btn-2-login">直接登录</a>
        </div>
        {^{if !bindMode}}
        <div class="submain" data-link="visible{:!hideThirdPartyView}">
            {{include tmpl="#thirdparty-connect-template" /}}
            <p class="login-toggle">已有帐号？<a href="login#!view=login" class="btn-link btn-lg btn-2-login">直接登录</a></p>
        </div>
        {{/if}}
    </div>{{!-- end of register main --}}
</script>














<!--
	作者：1482916311@qq.com
	时间：2019-06-17
	描述：正式开始写代码，与上文基本无关
-->
	<div id="question-form-wrapper" class="container sets-container mt20"><script type="jsv#20_"></script>
    <script type="jsv#121^"></script><script type="jsv#21_"></script>
    <script type="jsv#22_"></script>
    
    <div class="pad q-no-sub" data-link="class{merge:~sub toggle=&#39;mt20&#39;}">
        <div class="pad-heading">
            <h4 class="pad-title tb" data-link="class{merge:~sub toggle=&#39;q-sub&#39;}">
                <script type="jsv#100^"></script><script type="jsv#23_"></script>
                <!--
                	作者：1482916311@qq.com
                	时间：2019-06-17
                	描述：需要动态的改变题目
                -->
                <script type="jsv#98^"></script><script type="jsv#24_"></script>添加<script type="jsv/24_"></script><script type="jsv/98^"></script>题目<span class="text-mint ml5"><script type="jsv#99^"></script><span th:text='${bank_name}'></span><script type="jsv/99^"></script></span>
                <script type="jsv/23_"></script><script type="jsv/100^"></script>
            </h4>
        </div>
        
        <div class="pad-body question-form">
        
        
        <!--
        	作者：1482916311@qq.com
        	时间：2019-06-19
        	描述：表单开始
        -->
        
	<form class=" form-meta" role="form" action="submitForm" method="post">
            	<div class="form-inline">
	<span data-link="visible{:!~sub}" style="display: inline;">

	
	<div class="form-group mr20">
		
    <!-- <div>
    	<select name="gggg">
		<option  value="0"> dasd</option>
		<option  value="1">adfsdfsd</option>
	</select>
    </div> -->
	
        
        <div class="form-group">
          <label >能力</label>
                    <select id="testSelect1" name="abilityName" style="width:100px;font-size:14px;" >
                    		<option title="请选择能力" value="0">请选择能力</option>
                    		<option  value="1" title="表达能力">
                            表达能力
                        </option>
                        <option value="2" title="理解能力">
                            理解能力
                        </option>
                        <option value="3" title="思辨能力">
                            思辨能力
                        </option>
                        <option value="4" title="速读能力">
                            速读能力
                        </option>
                        <option value="5" title="记忆能力">
                           记忆能力
                        </option>
                        <option  value="6" title="交流能力">
                            交流能力
                        </option>
                        <option  value="7" title="综合能力">
                            综合能力
                        </option>
                    		</select>
                    		
                    	</div>
        
        
        
        
        
        <input name="bank_id" type="hidden" th:value="${bank_id}"/>
        
        
        
        
        
        
        <!--<select class="form-control inline-block skill-selecter show-tick" data-width="220px" data-style="btn-default" data-link="{:~root.skillName:} {{!&#45;&#45;disabled{:~isStateEdit(~root.state)&#45;&#45;}}}">-->
        <!--<option title="请选择或新增技能" value="">不指定技能</option>-->
        <!---->
        <!--</select><script type="jsv@#101^#25_/25_/101^"></script>-->
  	
	</span>
	<!-- $('#chooseDis').attr('style','display: none');
			$('#duoChooseDis').attr('style','display: none');
			$('#answerDis').attr('style','display: block');
			$('#tiankongDis').attr('style','display: none');
			$('#judgeDis').attr('style','display: none');
			$('#nothingDis').attr('style','display: none');
			$('#submitButton').attr('style','display:block'); -->
                
                <div class="form-group">
                <label style="margin-left: 100px">题型</label>
                    <select id="testSelect" name="questionName" style="width:100px;font-size:14px">
                    		<option  title="请选择题型" value="0">请选择题型</option>
                    		<option  value="1" title="单选题">单选题</option>
                        <option id="duoChoose" value="2" title="多选题">
                            多选题
                        </option>
                        <option id="answer" value="3" title="问答题">
                            问答题
                        </option>
                        <option id="judge" value="4" title="判断题">
                            判断题
                        </option>
                        <option id="tiankong" value="5" title="填空题">
                            填空题
                        </option>
                    		</select>
                    		
                <!-- <div class="btn-group btn-program-v2">
                    <label class="btn btn-info btn-sm" data-link="class{merge:programV2 toggle=&#39;btn-success&#39;} visible{:~qTypeof(questionType) == &#39;program&#39;}" style="display: none;">
                        <input type="checkbox" data-link="{:programV2:}"><script type="jsv#118^"></script><script type="jsv#42_"></script>切换到可自动判卷 <span class="sets-new">new</span><script type="jsv/42_"></script><script type="jsv/118^"></script> <i class="fa fa-exchange fa-fw"></i>
                    </label>
                </div> -->
              </div>  
           <!-- </form>-->
            
            <!--
            	作者：1482916311@qq.com
            	时间：2019-06-19
            	描述：第一个表单结束需要修改
            -->
            
            
            
            <ul>
            	
            	
            	<!--
                	作者：1482916311@qq.com
                	时间：2019-06-17
                	描述：显示题目的区域
                -->
            		<li class="question-item">
                    <div data-link="class{:~sub?&#39;&#39;:&#39;q-wrapper&#39;}" class="q-wrapper">
                        <script type="jsv#119^"></script><script type="jsv#43_"></script>
                        
                        <script type="jsv/43_"></script><script type="jsv/119^"></script>
                    </div>
               </li>
<!--
	作者：1482916311@qq.com
	时间：2019-06-17
	描述：选择题div
-->
<div id="chooseDis" style="display: none">
	<!--<form action="">-->
		<img src="/static/pages/添加题目 第三章中国历史文化_files/wangguan.png" width="20" height="20">题干：<textarea name="tigan" class="form-control11"/></textarea><br><br>
		<img src="/static/pages/添加题目 第三章中国历史文化_files/wangguan.png" width="20" height="20">选项：<br><br>
		A：<br><textarea name="xuanxiangA" class="form-control" style="width: 80%; height: 40px;"></textarea><br><br />
		B：<br><textarea name="xuanxiangB" class="form-control" style="width: 80%; height: 40px;"></textarea><br><br />
		C：<br><textarea name="xuanxiangC" class="form-control" style="width: 80%; height: 40px;"></textarea><br ><br />
		D：<br><textarea name="xuanxiangD" class="form-control" style="width: 80%; height: 40px;"></textarea><br><br>
		
		<img src="/static/pages/添加题目 第三章中国历史文化_files/wangguan.png" width="20" height="20">解析：<br><br>
		<textarea name="jiexi" class="form-controlans"/></textarea><br />
		<img src="/static/pages/添加题目 第三章中国历史文化_files/wangguan.png" width="20" height="20">答案：<br><br>
		<textarea name="daan" class="form-control-answer"/></textarea><br><br>
		<img src="/static/pages/添加题目 第三章中国历史文化_files/wangguan.png" width="20" height="20">难度：<br><br>
		
		<div id="starBg" class="star_bg">                    	
   	 	<input type="radio" id="starScore1" class="score score_1" value="1" name="score">
    		<a href="#starScore1" class="star star_1" title="简单"><label for="starScore1">简单</label></a>
   		<input type="radio" id="starScore2" class="score score_2" value="2" name="score">
    		<a href="#starScore2" class="star star_2" title="普通"><label for="starScore2">普通</label></a>
    		<input type="radio" id="starScore3" class="score score_3" value="3" name="score">
    		<a href="#starScore3" class="star star_3" title="较难"><label for="starScore3">较难</label></a>
    		<input type="radio" id="starScore4" class="score score_4" value="4" name="score">
    		<a href="#starScore4" class="star star_4" title="难"><label for="starScore4">难</label></a>
    		<input type="radio" id="starScore5" class="score score_5" value="5" name="score">
    		<a href="#starScore5" class="star star_5" title="极难"><label for="starScore5">极难</label></a>
    			</div>
    		
    		<!--<input type="submit" style="margin-left: 500px; margin-top: 100px;" class="layui-btn layui-btn-lg layui-btn-normal"/>	-->
	<!--</form>-->

</div>

<!--
	作者：1482916311@qq.com
	时间：2019-06-17
	描述：多选题div
-->
<div id="duoChooseDis" style="display: none">
	<!--<form action="">-->
		<img src="/static/pages/添加题目 第三章中国历史文化_files/wangguan.png" width="20" height="20">题干：<textarea name="tigan1" class="form-control11"/></textarea><br><br>
		<img src="/static/pages/添加题目 第三章中国历史文化_files/wangguan.png" width="20" height="20">选项：<br><br>
		A：<br><textarea name="xuanxiangA1" class="form-control" style="width: 80%; height: 40px;"></textarea><br><br />
		B：<br><textarea name="xuanxiangB1" class="form-control" style="width: 80%; height: 40px;"></textarea><br><br />
		C：<br><textarea name="xuanxiangC1" class="form-control" style="width: 80%; height: 40px;"></textarea><br ><br />
		D：<br><textarea name="xuanxiangD1" class="form-control" style="width: 80%; height: 40px;"></textarea><br><br>
	
		<img src="/static/pages/添加题目 第三章中国历史文化_files/wangguan.png" width="20" height="20">解析：<br><br>
		<textarea name="jiexi1" class="form-controlans"/></textarea><br />
		
		<img src="/static/pages/添加题目 第三章中国历史文化_files/wangguan.png" width="20" height="20">答案：<br><br>
		<textarea name="daan1" class="form-control-answer"></textarea><br><br>
		<img src="/static/pages/添加题目 第三章中国历史文化_files/wangguan.png" width="20" height="20">难度：<br><br>
		
		<div id="starBg" class="star_bg">                    	
   	 	<input type="radio" id="starScore11" class="score score_1" value="1" name="score1">
    		<a href="#starScore11" class="star star_1" title="简单"><label for="starScore11">简单</label></a>
   		<input type="radio" id="starScore12" class="score score_2" value="2" name="score1">
    		<a href="#starScore12" class="star star_2" title="普通"><label for="starScore12">普通</label></a>
    		<input type="radio" id="starScore13" class="score score_3" value="3" name="score1">
    		<a href="#starScore13" class="star star_3" title="较难"><label for="starScore13">较难</label></a>
    		<input type="radio" id="starScore14" class="score score_4" value="4" name="score1">
    		<a href="#starScore14" class="star star_4" title="难"><label for="starScore14">难</label></a>
    		<input type="radio" id="starScore15" class="score score_5" value="5" name="score1">
    		<a href="#starScore15" class="star star_5" title="极难"><label for="starScore15">极难</label></a>
    			</div>
    		
    		<!--<input type="submit" style="margin-left: 500px; margin-top: 100px;" class="layui-btn layui-btn-lg layui-btn-normal"/>	-->
	<!--</form>-->
</div>

<!--
	作者：1482916311@qq.com
	时间：2019-06-17
	描述：简答题div
-->
<div id="answerDis" style="display: none">
	<!--<form action="">-->
		<img src="/static/pages/添加题目 第三章中国历史文化_files/wangguan.png" width="20" height="20">题干：<textarea name="tigan2" class="form-control11"></textarea><br><br>
		<img src="/static/pages/添加题目 第三章中国历史文化_files/wangguan.png" width="20" height="20">答案：<br><br>
		<textarea name="daan2" class="form-controlans"/></textarea><br />
		<img src="/static/pages/添加题目 第三章中国历史文化_files/wangguan.png" width="20" height="20">难度：<br><br>
		<div id="starBg" class="star_bg">                    	
   	 	<input type="radio" id="starScore21" class="score score_1" value="1" name="score2">
    		<a href="#starScore21" class="star star_1" title="简单"><label for="starScore21">简单</label></a>
   		<input type="radio" id="starScore22" class="score score_2" value="2" name="score2">
    		<a href="#starScore22" class="star star_2" title="普通"><label for="starScore22">普通</label></a>
    		<input type="radio" id="starScore23" class="score score_3" value="3" name="score2">
    		<a href="#starScore23" class="star star_3" title="较难"><label for="starScore23">较难</label></a>
    		<input type="radio" id="starScore24" class="score score_4" value="4" name="score2">
    		<a href="#starScore24" class="star star_4" title="难"><label for="starScore24">难</label></a>
    		<input type="radio" id="starScore25" class="score score_5" value="5" name="score2">
    		<a href="#starScore25" class="star star_5" title="极难"><label for="starScore25">极难</label></a>
    			</div>
    			
    		<!--<input type="submit" style="margin-left: 500px; margin-top: 100px;" class="layui-btn layui-btn-lg layui-btn-normal"/>	-->
	<!--</form>-->
</div>

<!--
	作者：1482916311@qq.com

	描述：判断题
-->
<div id="judgeDis" style="display: none">
	<!--<form>-->
		<img src="/static/pages/添加题目 第三章中国历史文化_files/wangguan.png" width="20" height="20">题干：<textarea name="tigan3" class="form-control11"></textarea><br><br>
		<img src="/static/pages/添加题目 第三章中国历史文化_files/wangguan.png" width="20" height="20">选项：<br><br>
		A：<br><input disabled="true" name="xuanxiangA3" value="是" class="form-control" style="width: 80%; height: 40px;"/><br><br />
		B：<br><input disabled="true" name="xuanxiangB3" value="否" class="form-control" style="width: 80%; height: 40px;"/><br><br />
		
		<img src="/static/pages/添加题目 第三章中国历史文化_files/wangguan.png" width="20" height="20">答案：<br><br>
		<textarea name="daan3" class="form-control-answer"></textarea><br><br>
		<img src="/static/pages/添加题目 第三章中国历史文化_files/wangguan.png" width="20" height="20">难度：<br><br>
		<div id="starBg" class="star_bg">                    	
   	 	<input type="radio" id="starScore31" class="score score_1" value="1" name="score3">
    		<a href="#starScore31" class="star star_1" title="简单"><label for="starScore31">简单</label></a>
   		<input type="radio" id="starScore32" class="score score_2" value="2" name="score3">
    		<a href="#starScore32" class="star star_2" title="普通"><label for="starScore32">普通</label></a>
    		<input type="radio" id="starScore33" class="score score_3" value="3" name="score3">
    		<a href="#starScore33" class="star star_3" title="较难"><label for="starScore33">较难</label></a>
    		<input type="radio" id="starScore34" class="score score_4" value="4" name="score3">
    		<a href="#starScore34" class="star star_4" title="难"><label for="starScore34">难</label></a>
    		<input type="radio" id="starScore35" class="score score_5" value="5" name="score3">
    		<a href="#starScore35" class="star star_5" title="极难"><label for="starScore35">极难</label></a>
    			</div>
    		
<!--    		<input type="submit" style="margin-left: 500px; margin-top: 100px;" class="layui-btn layui-btn-lg layui-btn-normal"/>-->	
    		
	<!--</form>-->
		
</div>

<!--
	作者：1482916311@qq.com
	时间：2019-06-17
	描述：填空题
-->
<div id="tiankongDis" style="display: none">
	<div>
	<!--<form action="">-->
		<img src="/static/pages/添加题目 第三章中国历史文化_files/wangguan.png" width="20" height="20">题干：<textarea name="tigan4" class="form-control11"></textarea><br><br>
		<img src="/static/pages/添加题目 第三章中国历史文化_files/wangguan.png" width="20" height="20">答案：<br><br>
		<textarea name="daan4" class="form-controlans"></textarea><br >
		<img src="/static/pages/添加题目 第三章中国历史文化_files/wangguan.png" width="20" height="20">难度：<br><br>
		<div id="starBg" class="star_bg">                    	
   	 	<input type="radio" id="starScore31" class="score score_1" value="1" name="score4">
    		<a href="#starScore31" class="star star_1" title="简单"><label for="starScore31">简单</label></a>
   		<input type="radio" id="starScore32" class="score score_2" value="2" name="score4">
    		<a href="#starScore32" class="star star_2" title="普通"><label for="starScore32">普通</label></a>
    		<input type="radio" id="starScore33" class="score score_3" value="3" name="score4">
    		<a href="#starScore33" class="star star_3" title="较难"><label for="starScore33">较难</label></a>
    		<input type="radio" id="starScore34" class="score score_4" value="4" name="score4">
    		<a href="#starScore34" class="star star_4" title="难"><label for="starScore34">难</label></a>
    		<input type="radio" id="starScore35" class="score score_5" value="5" name="score4">
    		<a href="#starScore35" class="star star_5" title="极难"><label for="starScore35">极难</label></a>
    			</div>
    			
    		<!--<input type="submit" style="margin-left: 500px; margin-top: 100px;" class="layui-btn layui-btn-lg layui-btn-normal"/>-->	
		
	<!--</form>-->
	</div>
		
</div>
<!--
	作者：1482916311@qq.com
	时间：2019-06-17
	描述：点击请选择题型，回到什么都没有的状态
-->                
<div id="nothingDis" style="display: none">

</div>
<div style="margin-left: 500px; margin-top: 100px;">
	<input id="submitButton" type="submit" style="display: none" class="layui-btn layui-btn-lg layui-btn-normal"/>
</div>
</form>


<a href="/tomyBanksTch" class="layui-btn layui-btn-danger" style="margin-left: 1000px; margin-top: 50px;">退出</a>

<form method="post" action="" enctype="multipart/form-data" id="fileform">
	<input id="tanchukuang" type="hidden" th:value="${flag}"/>
	<input id="ofbankId" th:value="${bank_id}"  style="display: none" />
	<input id="the_file" type="file" name="file"><br>
	<!--<span id="ajaxsubmit" class="uploadText">-->
	<input type="button" id="ajaxsubmit" value="提交">
	<!-- </span>-->
</form>
                 
            </ul>
        </div>
    </div>
    <div class="sub-question-wrapper">
        <script type="jsv#120^"></script><script type="jsv/120^"></script>
    </div>
   
 <script type="text/javascript">
 	$(function(){
/*  		alert('kkkk'); */
 		$('#ajaxsubmit').click(function(){
 			var filedata = new FormData();
 			var BankId = $('#ofbankId').val();
 			var file = $("#the_file")[0].files[0];
/*  			alert($("#the_file")[0].files[0]);
 			alert($('#ofbankId').val()); */
 			if(file!="")
			{
				filedata.append("file",file);
			}
			filedata.append("BankId",BankId);
/* 			alert('daole'); */
			$.ajax({
				url:'/importexcel',
				type:'post',
				processData:false,
				contentType:false,
				data:filedata,
				success:function(e){

					layui.use(['layer', 'form'], function(){
				  		var layer = layui.layer
				  			,form = layui.form;
				  			layer.msg('批量导入成功，请前往我的题库查看！');
					});
				},
				error:function(e) {
					layui.use(['layer', 'form'], function(){
				  		var layer = layui.layer
				  			,form = layui.form;
				  			layer.msg('批量导入失败！');
					});
				}
			})
 		})
 		var flag = $("#tanchukuang").val();
 	if(flag == "true"){
 		layui.use(['layer'], function(){
  							var layer = layui.layer
  							layer.msg('添加成功!');
							});
 	}
 	})
 </script>
   
   
   
   
 
<script type="jsv/22_"></script>
    <script type="jsv/21_"></script><script type="jsv/121^"></script>
<script type="jsv/20_"></script></div>
	

<script src="/static/pages/添加题目 第三章中国历史文化_files/vue.js.下载"></script>
<script src="/static/pages/添加题目 第三章中国历史文化_files/index.js.下载"></script>
<link rel="stylesheet" href="/static/pages/添加题目 第三章中国历史文化_files/index.css">
<script type="text/javascript">
    (function () {
        seajs.use('app/footer/footer-new', function (footer) {
            $(function () {
                footer.initModule($('#sets-footer'));
            });
        });
        seajs.use(seajs._route.appPath('app/toys/back2top'), function (app) {
            $(function () {
                app.initModule();
            });
        });
    })();
</script>
<div style="flex: 1"></div>


	

<script>
    seajs.use('app/bank/question-form.css');
    seajs.use('lib/select/select.css');
    window.EMPLOYER_ID = "712267";
</script>
<style>
    .div-errora {
        width: 700px;
        height: 300px;
        margin: 30px auto;
        font-size: 20px;
    }
</style>
<!-- 添加（修改）题库 Modal -->
<!--
<div class="fade modal" id="bank-add-modal" tabindex="-1" role="dialog"
aria-hidden="true"></div>
-->
<script src="/static/pages/添加题目 第三章中国历史文化_files/ckeditor.js.下载"></script>
<script src="/static/pages/添加题目 第三章中国历史文化_files/jquery.js.下载"></script>


    

	
   
<script id="question-form-item-template" type="text/x-jsrender">
    <span data-link="visible{:!~sub}">
<label class="required mt20 mb10">难度</label> 
<div class="form-group" style="margin-left: 16px;">
	{^{for ~meta_difficulty() ~qData=#data}}
 	<label class="radio-inline sets-radio" data-link="class{merge:(~qData.difficulty==#data.value) toggle='active'}">
		<span class="fa-stack radio-icon"> 
			<i class="fa fa-circle-thin fa-stack-2x"></i>
			<i class="fa fa-dot-circle-o fa-stack-1x select"></i>
		</span>
		<input type="radio" name="difficulty" data-link="value{:#data.value} {:~qData.difficulty:}"> {{:#data.label}}
	</label>
	{{/for}}
</div>
</span>
    <span class="center-block" style="width:230px;" data-link="visible{:~qTypeof(~root.questionType)!='combination'}">

	<a class="btn btn-lg btn-default btn-action btn-preview">答题预览</a>

	<a class="btn btn-lg btn-primary btn-action btn-save">保存</a>
</span>
</script>
<script id="question-form-type-choice-template" type="text/x-jsrender">
    <div>
        <label class="required mb10">选项</label>
<span class="q-hint">
	{{include tmpl='#question-form-type-hint-template' /}}
	{{include tmpl='#question-form-type-hint2-template' /}}
</span>
        <a class="anchor-mark" data-link="id{:~sub?'anchor_option_sub_'+#parent.parent.getIndex():'anchor_option'}"></a>
    </div>
    <ul>
        {^{for ~q.options}}
        <li class="option" data-link="visible{:#index < ~q^_opts[1]}">
            <a class="anchor-mark"
               data-link="id{:~sub?('anchor_option_sub_'+ #parent.parent.getIndex() + '_' + #index) : ('anchor_option_' + #index)}"></a>
            {^{if ~optionType == 'single'}}
            {{include tmpl='#question-form-option-single-template' /}}
            {{else ~optionType == 'multiple'}}
            {{include tmpl='#question-form-option-multiple-template' /}}
            {{/if}}
		<pre contenteditable="true" class="custom-section editable-section option-section"
             data-link="{filterMSWord:content:setCustomContent}">
		</pre>
            <div class="option-addon option-score-rate" data-link="visible{:~uncertain}">
                <div class="input-group">
                    <input type="text" class="form-control tc" placeholder="得分率" data-link="{:scoreRate:trim}"> <span
                        class="input-group-addon">%</span>
                </div>
            </div>
            {{!-- 不可删除选项的判定条件：1 选项个数不大于最小选项约束 2 选项个数大于最大选项约束 判定2配合选项的visible，使得在选择类题型改变时不删除选项，选择类题型切换后还可以继续使用选项 --}}
            <a class="option-addon btn btn-link btn-remove-option"
               data-link="disabled{:~q.options^length <= ~q^_opts[0] || ~q.options^length > ~q^_opts[1] }"><i
                    class="fa fa-times"></i></a>
        </li>
        {{/for}}
        <a class="option btn btn-default btn-add btn-add-option"
           data-link="disabled{:!(~q.options^length<~q^_opts[1])}">
            {^{if ~optionType == 'single'}}
            {{include tmpl='#question-form-option-single-icon-template' /}}
            {{else ~optionType == 'multiple'}}
            {{include tmpl='#question-form-option-multiple-icon-template' /}}
            {{/if}}
            <div class="custom-section option-section">
                <i class="fa fa-plus"></i>
                {^{if ~q.options^length<~q^_opts[1]}}
                添加一个选项
                {{else}}
                {{include tmpl='#question-form-type-hint-template'/}}
                {{/if}}
            </div>
        </a>
    </ul>
    {{include tmpl='#question-form-type-base-bottom-template'/}}
</script>
<script id="question-form-type-hint-template" type="text/x-jsrender">
    {^{if ~q^_opts[1] == ~q^_opts[0]}}{^{:~getQuestionDesc(~q.questionType)}}的选项个数固定为 {^{:~q^_opts[0]}} 个
    {{else }}{^{:~getQuestionDesc(~q.questionType)}}的选项个数范围 {^{:~q^_opts[0]}} 到 {^{:~q^_opts[1]}}
    {{/if}}
</script>
<script id="question-form-type-hint2-template" type="text/x-jsrender">
    {^{if ~uncertain}}
    ，此类题目没有正确选项，但需要为每一个选项设置得分率。实际得分为该题的分值 × 选择选项的得分率。
    {{else}}
    ，{^{if ~belongSingleChoice(~q.questionType)}}正确选项个数为 1
    {{else}}正确选项个数不少于 {^{:~q._ans[0]}}
    {{/if}}
    {{/if}}
</script>
<script id="question-form-option-single-icon-template" type="text/x-jsrender">
    <label class="option-addon radio-inline sets-radio" data-link="css-visibility{:!~uncertain?'visible':'hidden'}">
	<span class="fa-stack radio-icon"> 
		<i class="fa fa-circle-thin fa-stack-2x"></i>
		<i class="fa fa-dot-circle-o fa-stack-1x select"></i>
	</span>
    </label>
</script>
<script id="question-form-option-multiple-icon-template" type="text/x-jsrender">
    <label class="option-addon check-box inline-block" data-link="css-visibility{:!~uncertain?'visible':'hidden'}">
	<span class="fa-stack check-icon"> 
		<i class="fa fa-square-o fa-stack-2x"></i>
		<i class="fa fa-check-square fa-stack-1x check"></i>
	</span>
    </label>
</script>
<script id="question-form-option-single-template" type="text/x-jsrender">
    <label class="option-addon radio-inline sets-radio"
           data-link="class{merge:(~q.optAnswer==~getOptTag(#getIndex())) toggle='active'} css-visibility{:!~uncertain?'visible':'hidden'}">
	<span class="fa-stack radio-icon"> 
		<i class="fa fa-circle-thin fa-stack-2x"></i>
		<i class="fa fa-dot-circle-o fa-stack-1x select"></i>
	</span>
        <input type="radio" name="option" data-link="value{:~getOptTag(#getIndex())} {:~q.optAnswer:}">
    </label>
</script>
<script id="question-form-option-multiple-template" type="text/x-jsrender">
    <label class="option-addon check-box inline-block"
           data-link="class{merge:selected toggle='active'} css-visibility{:!~uncertain?'visible':'hidden'}">
	<span class="fa-stack check-icon"> 
		<i class="fa fa-square-o fa-stack-2x"></i>
		<i class="fa fa-check-square fa-stack-1x check"></i>
	</span>
        <input type="checkbox" name="multi-option" data-link="value{:~getOptTag(#index)} {:selected:}">
    </label>
</script>
<script id="question-form-type-video-template" type="text/x-jsrender">
    {{include tmpl='#question-form-type-base-bottom-template'/}}
</script>
<script id="question-form-type-audio-template" type="text/x-jsrender">
    {{include tmpl='#question-form-type-base-bottom-template'/}}
</script>
<script id="question-form-type-text-template" type="text/x-jsrender">
    {{include tmpl='#question-form-type-base-bottom-template'/}}
    <div class="question-gutter" style="margin-top:20px">
        <label class="option-addon check-box inline-block" data-link="class{merge:~q.fileAllowed toggle='active'}">
	<span class="fa-stack check-icon"> 
		<i class="fa fa-square-o fa-stack-2x"></i>
		<i class="fa fa-check-square fa-stack-1x check"></i>
	</span>
            <input type="checkbox" name="fileAllowed" data-link="{:~q.fileAllowed:}">
            <span class="">允许考生上传文件</span><span class="text-highlight">文件大小不能超过{{:~root.maxUploadSize}}M</span>
        </label>
    </div>
</script>
<script id="question-form-type-blank-template" type="text/x-jsrender">
    <form class="form-inline form-block">
        <div class="form-group">
            <label>题目中共有</label>
            <select class="form-control" data-link="~q^blanks">
                {^{range start=1 end=~root.blankRange}}
                <option data-link="value{:#data} selected{:#data==~q^blanks}">{^{:#data}}</option>
                {{/range}}
            </select>
            <label class="ml10">处填空</label>
        </div>
    </form>
    <form class="form-inline form-block">
        <div class="form-group">
            <label>考生答案与参考答案必须：</label>
            <span class="hint-tip fa fa-question-circle" data-placement="auto"
                  data-original-title="<p class='item-title'>完全一致</p><p>可自动判卷，答题者的答案必须与题目提供的答案完全一致，包括顺序。</p><p class='item-title mt5'>仅顺序不一致</p><p>可自动判卷，答题者的答案需在提供的答案列表中，但顺序无关紧要。</p><p class='item-title mt5'>仅供参考</p><p>需手工判卷，提供的答案仅作为手工判卷时的参考答案。</p>"></span>
            <div class="form-group">
                {^{for ~root.ans_style_meta}}
                <label class="radio-inline sets-radio"
                       data-link="class{merge:(~q.answerStyle==#data.value) toggle='active'}">
		<span class="fa-stack radio-icon"> 
			<i class="fa fa-circle-thin fa-stack-2x"></i>
			<i class="fa fa-dot-circle-o fa-stack-1x select"></i>
		</span>
                    <input type="radio" name="answerStyle" data-link="value{:#data.value} {:~q.answerStyle:}">
                    {{:#data.label}}
                </label>
                {{/for}}
            </div>
        </div>
    </form>
    <form class="form-inline form-block">
        <a class="anchor-mark" data-link="id{:~sub?'anchor_answer_sub_'+#parent.parent.getIndex():'anchor_answer'}"></a>
        <div class="form-group">
            <label class="mb10" data-link="class{merge:~q.answerStyle!=~root.blankAnswerNotRequired toggle='required'}">参考答案（若一个空有多个参考答案，每个答案间需用
                ||| 分隔，考生答案匹配任意一个都算正确）</label>
        </div>
        <div>
            {^{for ~q.blankAnswer}}
            <div class="form-group">
                <div class="input-group blank-answer-wrapper"
                     data-link="class{merge:#index >= ~q.blanks toggle='blank-answer-wrapper-none'}">
                    <div class="input-group-addon">{^{:#index + 1}}</div>
                    <input type="text" class="form-control" data-link="_content">
                </div>
            </div>
            {{/for}}
        </div>
    </form>
    {{include tmpl='#question-form-type-base-bottom-template'/}}
</script>
<script id="question-form-type-combination-template" type="text/x-jsrender">
</script>
<script id="question-form-type-base-title-template" type="text/x-jsrender">
    <label class="required mb10">题干</label>
    <a class="anchor-mark" data-link="id{:~sub?'anchor_title_sub_'+#parent.parent.getIndex():'anchor_title'}"></a>
    <div class="form-group form-title">
        <div contenteditable="true" title="题干" class="custom-section editable-section question-gutter"
             placeholder="请输入题干" data-link="{filterMSWord:title:setCustomContent}"></div>
        <div class="question-gutter title-media-form">
            <table class="mt5">
                <tbody>
                <tr>
                    <td>为题干添加</td>
                    <td>
			<span class="p0 btn btn-link btn-add-media btn-add-vedio">
                <i class="fa fa-video-camera"></i> 视频
				<div>
                    <span data-link="visible{:medias^length}">每道题只能上传一个视频，音频或其他文件附件</span>
                    <p data-link="visible{:!medias^length}">
                    <a class="btn btn-upload btn-sm btn-success">
                        <i class="fa fa-cloud-upload"></i> 上传
                    </a>
				或  <a class="btn btn-url btn-sm btn-info">
                        <i class="fa fa-link"></i> 提供URL
                    </a>
                    </p>
                </div>
			</span>
                    </td>
                    <td>
                        <span class="text-highlight">支持类型：{^{:~root.supportVideo.split(',').join(', ')}}</span>
                    </td>
                    <td>或者</td>
                    <td>
			<span class="p0 btn btn-link btn-add-media btn-add-audio"><i class="fa fa-volume-up"></i> 音频	
				<div>
                    <span data-link="visible{:medias^length}">每道题只能上传一个视频，音频或其他文件附件</span>
                    <p data-link="visible{:!medias^length}">
                    <a class="btn btn-upload btn-sm btn-success">
                        <i class="fa fa-cloud-upload"></i> 上传
                    </a>
				或  <a class="btn btn-url btn-sm btn-info">
                        <i class="fa fa-link"></i> 提供URL
                    </a>
                    </p>
                </div>
			</span>
                    </td>
                    <td>
                        <span class="text-highlight">支持类型：{^{:~root.supportAudio.split(',').join(', ')}}</span>
                    </td>
                    <td>或者</td>
                    <td>
			<span class="p0 btn btn-link btn-add-media btn-add-file"><i class="fa fa-file"></i> 文件
				<div>
                    <span data-link="visible{:medias^length}">每道题只能上传一个视频，音频或其他文件附件</span>
                    <p data-link="visible{:!medias^length}">
                    <a class="btn btn-upload btn-sm btn-success">
                        <i class="fa fa-cloud-upload"></i> 上传
                    </a>
				或   <a class="btn btn-url btn-sm btn-info">
                        <i class="fa fa-link"></i> 提供URL
                    </a>
                    </p>
                </div>
			</span>
                    </td>
                    <td>
                        <span class="text-highlight">文件大小不要超过5M。</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <div class="upload-progress"></div>
            <ul class="list-title-media mt10">
                {^{for medias}}
                <li class="media-item">
                    <div><span class="item-sequence">{^{:#index + 1}}</span></div>
                    <div class="media-label" data-link="class{merge:labelActive toggle='active'}">
                        <span class="text-ellipsis" data-link="title{:label}">{^{if label}}{^{if attachmentType==1 || attachmentType == 2}}{^{if attachmentType ==1 }}<i
                                class="fa fa-file-video-o"></i>{{else}}<i class="fa fa-file-audio-o"></i>{{/if}}{{else}}<i
                                class="fa fa-file-o"></i>{{/if}} {^{:label}}{{else}}<a><i class="fa fa-pencil"></i> 点此定义标签</a>{{/if}}</span>
                        <input type="text" class="form-control input-sm media-label-input" placeholder="请填写标签（可以不写）"
                               data-link="{:label:trim}"/>
                    </div>
                    {^{if attachmentType===1 || attachmentType === 2}}
                    <div>
                        <label class="check-box" style="margin-bottom:0;"
                               data-link="class{merge:_limitRepeats toggle='active'}">
						<span class="fa-stack check-icon">
							<i class="fa fa-square-o fa-stack-2x"></i>
							<i class="fa fa-check-square fa-stack-1x check"></i>
						</span>
                            <input type="checkbox" name="repeats" data-link="{:_limitRepeats:setLimitRepeats}">
						<span class="">
							限制播放<input type="text" class="form-control input-sm inline-block repeat-stepper"
                                       data-link="{:repeats:setRepeats} visible{:_limitRepeats}">次<span
                                data-link="visible{:!_limitRepeats}">数</span></span>
                        </label>
                    </div>
                    <div><a class="btn-play"><i class="fa fa-play-circle-o"></i> 播放</a></div>
                    {{else}}
                    <div>
                        <label class="check-box" style="margin-bottom:0;"
                               data-link="class{merge:_limitRepeats toggle='active'}">

                        </label>
                    </div>
                    <div><a data-link="href{:url}" download><i class="fa fa-download"></i>下载</a></div>
                    {{/if}}
                    <div><a class="btn-remove"><i class="fa fa-times-circle"></i></a>
                    </div>
                </li>
                {{/for}}
            </ul>
        </div>
        <div class="cl"></div>
    </div>
</script>
<script id="question-form-type-base-bottom-template" type="text/x-jsrender">
    {^{if ~q._text}}
    <label class="mt20 mb10">参考答案</label>
    <div contenteditable="true" class="custom-section editable-section question-gutter"
         data-link="{filterMSWord:textAnswer:setCustomContent}">
    </div>
    {{!--
    <form>
        <div class="form-group question-gutter">
            <textarea rows="3" class="form-control" style="resize: vertical;" data-link="{:textAnswer:}"></textarea>
        </div>
    </form>
    --}}
    {{/if}}
    <label class="mt20 mb10">题目解析</label><span class="q-hint">考生/学员查答案时可显示该信息，达到学习的目的</span>
    <form>
        <div contenteditable="true" title="题目解析" class="custom-section editable-section question-gutter"
             placeholder="请输入题目解析" data-link="{filterMSWord:answerExplain:setCustomContent}"></div>
    </form>
</script>

    
    
    


	

	
<style>	


	
.media-player-wrapper {
	width: 400px;
	height: 300px;
	margin: 0 auto;
	position: relative;
}

.media-player-wrapper.short {
	height: 150px;
}

.media-player-wrapper .audio-icon, .media-player-wrapper .media-player-mask
	{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	text-align: center;
}

.media-player-wrapper .audio-icon {
	background-image: url("assets/img/report/audio1.gif");
	background-position: center;
	background-repeat: no-repeat;
}

.media-player-wrapper .player-toolbar .btn-link {
	min-width: 25px;
	text-align: center;
	padding: 0;
	display: none;
}

.media-player-wrapper .player-toolbar .btn-link.iblock {
	display: inline-block;
}

.media-player-wrapper .player-toolbar {
	height: 25px;
	line-height: 25px;
	background-color: #E6E9ED;
	color: #37BC9B;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 0 10px;
}
</style>

	
<!--
	作者：1482916311@qq.com
	时间：2019-06-18
	描述：文本框样式
-->
<style>
.form-control11 { 
	display: block; 
	width: 80%; 
	height: 60px; 
	padding: 6px 12px; 
	font-size: 14px; 
	line-height: 1.428571429; 
	color: #555555; 
	vertical-align: middle; 
	background-color: #ffffff; 
	border: 1px solid #cccccc; 
	border-radius: 4px; 
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
} 
.form-control11:focus { 
	border-color: #66afe9; 
	outline: 0; 
	background-color: #FFFFCC;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 
} 	
	
.form-control { 
	display: block; 
	width: 80%; 
	height: 34px; 
	padding: 6px 12px; 
	font-size: 14px; 
	line-height: 1.428571429; 
	color: #555555; 
	vertical-align: middle; 
	background-color: #ffffff; 
	border: 1px solid #cccccc; 
	border-radius: 4px; 
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
} 
.form-control:focus { 
	border-color: #66afe9; 
	outline: 0; 
	background-color: #FFFFCC;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 
} 

.form-controlans { 
	display: block; 
	width: 80%; 
	height: 200px; 
	padding: 6px 12px; 
	font-size: 14px; 
	line-height: 1.428571429; 
	color: #555555; 
	vertical-align: middle; 
	background-color: #ffffff; 
	border: 1px solid #cccccc; 
	border-radius: 4px; 
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
} 
.form-controlans:focus { 
	border-color: #66afe9; 
	outline: 0; 
	background-color: #FFFFCC;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 
} 

.form-control-answer { 
	display: block; 
	width: 30%; 
	height: 34px; 
	padding: 6px 12px; 
	font-size: 14px; 
	line-height: 1.428571429; 
	color: #555555; 
	vertical-align: middle; 
	background-color: #ffffff; 
	border: 1px solid #cccccc; 
	border-radius: 4px; 
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
} 
.form-control-answer:focus { 
	border-color: #66afe9; 
	outline: 0; 
	background-color: #FFFFCC;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 
} 
</style>

	
<style>
.media-player-wrapper {
	width: 400px;
	height: 300px;
	margin: 0 auto;
	position: relative;
}

.media-player-wrapper.short {
	height: 150px;
}

.media-player-wrapper .audio-icon, .media-player-wrapper .media-player-mask
	{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	text-align: center;
}

.media-player-wrapper .audio-icon {
	background-image: url("assets/img/report/audio1.gif");
	background-position: center;
	background-repeat: no-repeat;
}

.media-player-wrapper .player-toolbar .btn-link {
	min-width: 25px;
	text-align: center;
	padding: 0;
	display: none;
}

.media-player-wrapper .player-toolbar .btn-link.iblock {
	display: inline-block;
}

.media-player-wrapper .player-toolbar {
	height: 25px;
	line-height: 25px;
	background-color: #E6E9ED;
	color: #37BC9B;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 0 10px;
}


</style>

<style>
	.star_bg {
    width: 120px; height: 20px;
    background: url("/static/pages/添加题目 第三章中国历史文化_files/star.png") repeat-x;
    position: relative;
    overflow: hidden;
}
.star {
    height: 100%; width: 24px;
    line-height: 6em;
    position: absolute;
    z-index: 3;
}
.star:hover {    
    background: url("/static/pages/添加题目 第三章中国历史文化_files/star.png") repeat-x 0 -20px!important;
    left: 0; z-index: 2;
}
.star_1 { left: 0; }
.star_2 { left: 24px; }
.star_3 { left: 48px; }
.star_4 { left: 72px; }
.star_5 { left: 96px; }
.star_1:hover { width: 24px; }
.star_2:hover { width: 48px; }
.star_3:hover { width: 72px; }
.star_4:hover { width: 96px; }
.star_5:hover { width: 120px; }

a label { 
    display: inline-block; _display:inline;
    height: 100%; width: 100%;
    cursor: pointer;
}

/* 幕后的英雄，单选按钮 */
.score { position: absolute; clip: rect(0 0 0 0); }
.score:checked + .star {    
    background: url("/static/pages/添加题目 第三章中国历史文化_files/star.png") repeat-x 0 -20px;
    left: 0; z-index: 1;
}
.score_1:checked ~ .star_1 { width: 24px; }
.score_2:checked ~ .star_2 { width: 48px; }
.score_3:checked ~ .star_3 { width: 72px; }
.score_4:checked ~ .star_4 { width: 96px; }
.score_5:checked ~ .star_5 { width: 120px; }

.star_bg:hover .star {  background-image: none; }

/* for IE6-IE8 JS 交互 */
.star_checked {    
    background: url("/static/pages/添加题目 第三章中国历史文化_files/star.png") repeat-x 0 -20px;
    left: 0; z-index: 1;
}
	
</style>
<div class="fade modal" id="flash-player-modal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog" style="width: 400px;">
		<div class="modal-content">
			<div class="modal-header p0">
				<button type="button" class="close mr5" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">×</span>
				</button>
			</div>
			<div class="modal-body p0 pr"></div>
		</div>
	</div>
</div>
</body>
</html>

<script>
	var testSelect1 = document.getElementById("testSelect1");
	
	testSelect1.onchange = function(){
		var valOption = this.options[this.selectedIndex].value;
		var pararm = {'val1':valOption};
/* 		alert(valOption); */
		
		$.ajax({
			
  			url:'/toGetAtNum',
  			type:'POST',
  			traditional:true,//这使json格式的字符不会被转码
  			contentType:'application/json;charset=UTF-8',//request请求的类型是json类型,字符编码是utf-8
  			data:JSON.stringify(pararm),//将json对象转换成字符串,再向后台传递
  			dataType: "json",
  			success:function(a){//e变量就是后台返回的Map对象
/*   				alert(a); */
  			},
  			error:function(e){
  				
  			}
  		});
	}
</script>

<script>
	var testSelect = document.getElementById("testSelect");
	
	 testSelect.onchange = function() { //当选项改变时触发 单多问判添
          var valOption = this.options[this.selectedIndex].value; //获取option的value
          var pararms ={'val':valOption};// 定义一个js对象
/*           alert(valOption); */
          
          $.ajax({
  			url:'/toGetQtNum',
  			type:'POST',
  			traditional:true,//这使json格式的字符不会被转码
  			contentType:'application/json;charset=UTF-8',//request请求的类型是json类型,字符编码是utf-8
  			data:JSON.stringify(pararms),//将json对象转换成字符串,再向后台传递
  			dataType: "json",
  			success:function(e){//e变量就是后台返回的Map对象
/*   				alert(e); */
  			},
  			error:function(e){
  				
  			}
  		});
          
          
          if(valOption==0){
          	$('#chooseDis').attr('style','display: none');
			$('#duoChooseDis').attr('style','display: none');
			$('#answerDis').attr('style','display: none');
			$('#tiankongDis').attr('style','display: none');
			$('#judgeDis').attr('style','display: none');
			$('#submitButton').attr('style','display: none');
			$('#nothingDis').attr('style','display: block');
          }else if(valOption==1){
          	$('#chooseDis').attr('style','display: block');
			$('#duoChooseDis').attr('style','display: none');
			$('#answerDis').attr('style','display: none');
			$('#tiankongDis').attr('style','display: none');
			$('#judgeDis').attr('style','display: none');
			$('#nothingDis').attr('style','display: none');
			$('#submitButton').attr('style','display:block');
          }else if(valOption==2){
          	$('#chooseDis').attr('style','display: none');
			$('#duoChooseDis').attr('style','display: block');
			$('#answerDis').attr('style','display: none');
			$('#tiankongDis').attr('style','display: none');
			$('#judgeDis').attr('style','display: none');
			$('#nothingDis').attr('style','display: none');
			$('#submitButton').attr('style','display:block');
          }else if(valOption==3){
          	$('#chooseDis').attr('style','display: none');
			$('#duoChooseDis').attr('style','display: none');
			$('#answerDis').attr('style','display: block');
			$('#tiankongDis').attr('style','display: none');
			$('#judgeDis').attr('style','display: none');
			$('#nothingDis').attr('style','display: none');
			$('#submitButton').attr('style','display:block');
          }else if(valOption==4){
          	$('#chooseDis').attr('style','display: none');
			$('#duoChooseDis').attr('style','display: none');
			$('#answerDis').attr('style','display: none');
			$('#tiankongDis').attr('style','display: none');
			$('#judgeDis').attr('style','display:block');
			$('#nothingDis').attr('style','display: none');
			$('#submitButton').attr('style','display:block');
          }else{
          	$('#chooseDis').attr('style','display: none');
			$('#duoChooseDis').attr('style','display: none');
			$('#answerDis').attr('style','display: none');
			$('#tiankongDis').attr('style','display: block');
			$('#judgeDis').attr('style','display: none');
			$('#nothingDis').attr('style','display: none');
			$('#submitButton').attr('style','display:block');
          }
                
      }
</script>
<script>
	$(function(){
		
		
		/* $('#choose').click(function(){
			var danxuanid = $(this).attr('tabindex');
//			var postData={
//				dkey:danxuanid
//			};
			alert(danxuanid);
			
			
			$.ajax({
				url:'addQues/toAddChoiceQuestionController',
				type:'post',
				contentType:'application/json;charset=UTF-8',//request请求的类型是json类型,字符编码是utf-8
				data:{danxuanid:danxuanid},//将json对象转换成字符串,再向后台传递
				dataType:'json',
				success:function(e){//e变量就是后台返回的Map对象
					alert('jahahahah');
				},
				error:function(e){
					console.log(e);
					
				}
			});
		}) */
		
		
		
		$('#xuanzejineng').click(function(){
			$('#changeSpanjineng').text('请选择能力');
		})
		$('#IT').click(function(){
			$('#changeSpanjineng').text('表达能力');
		})
		$('#IQEQ').click(function(){
			$('#changeSpanjineng').text('理解能力');
		})
		$('#zhaoping').click(function(){
			$('#changeSpanjineng').text('思辨能力');
		})
		$('#zige').click(function(){
			$('#changeSpanjineng').text('速读能力');
		})
		$('#xueli').click(function(){
			$('#changeSpanjineng').text('记忆能力');
		})
		$('#peixun').click(function(){
			$('#changeSpanjineng').text('交流能力');
		})
		$('#zonghe').click(function(){
			$('#changeSpanjineng').text('综合能力');
		})
		
		$('#choose').click(function(){
/* 		alert(43); */
			$('#chooseDis').attr('style','display: block');
			$('#duoChooseDis').attr('style','display: none');
			$('#answerDis').attr('style','display: none');
			$('#tiankongDis').attr('style','display: none');
			$('#judgeDis').attr('style','display: none');
			$('#nothingDis').attr('style','display: none');
			$('#submitButton').attr('style','display:block');
			$('#changeSpan').text('单选题');
		})
		$('#duoChoose').click(function(){
			$('#chooseDis').attr('style','display: none');
			$('#duoChooseDis').attr('style','display: block');
			$('#answerDis').attr('style','display: none');
			$('#tiankongDis').attr('style','display: none');
			$('#judgeDis').attr('style','display: none');
			$('#nothingDis').attr('style','display: none');
			$('#submitButton').attr('style','display:block');
			$('#changeSpan').text('多选题');
		})
		$('#answer').click(function(){
			$('#chooseDis').attr('style','display: none');
			$('#duoChooseDis').attr('style','display: none');
			$('#answerDis').attr('style','display: block');
			$('#tiankongDis').attr('style','display: none');
			$('#judgeDis').attr('style','display: none');
			$('#nothingDis').attr('style','display: none');
			$('#submitButton').attr('style','display:block');
			$('#changeSpan').text('问答题');
		})
		$('#judge').click(function(){
			$('#chooseDis').attr('style','display: none');
			$('#duoChooseDis').attr('style','display: none');
			$('#answerDis').attr('style','display: none');
			$('#tiankongDis').attr('style','display: none');
			$('#judgeDis').attr('style','display:block');
			$('#nothingDis').attr('style','display: none');
			$('#submitButton').attr('style','display:block');
			$('#changeSpan').text('判断题');
		})
		$('#tiankong').click(function(){
			$('#chooseDis').attr('style','display: none');
			$('#duoChooseDis').attr('style','display: none');
			$('#answerDis').attr('style','display: none');
			$('#tiankongDis').attr('style','display: block');
			$('#judgeDis').attr('style','display: none');
			$('#nothingDis').attr('style','display: none');
			$('#submitButton').attr('style','display:block');
			$('#changeSpan').text('填空题');
		})
		$('#nothing').click(function(){
			$('#chooseDis').attr('style','display: none');
			$('#duoChooseDis').attr('style','display: none');
			$('#answerDis').attr('style','display: none');
			$('#tiankongDis').attr('style','display: none');
			$('#judgeDis').attr('style','display: none');
			$('#submitButton').attr('style','display: none');
			$('#nothingDis').attr('style','display: block');
			$('#changeSpan').text('请选择题型');
		})
		
		//$(".selector").find("option:selected").text();
	})
	
</script>

